<template>
    <div>
        <span v-for="item,index in arr" :key="index">
            <input type="checkbox" v-model="list" :value="item"> {{item}}
        </span>
        <p>您选中的元素,累加是{{total}}</p>
    </div>

</template>

<script>
    export default {
        data() {
            return {
                arr: [9, 15, 19, 25, 29, 31, 48, 57, 62, 79, 87],
                list: []
            }
        },
        computed: {
            total() {
                return this.list.reduce((sum, num) => sum + num, 0)
            }
        }
    }
</script>

<style>

</style>